<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 属性的简洁表示法
ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 
let name = "iwen"
const user = {
    name,
    age:20
}
-->
<!-- 除了属性简写，方法也可以简写
 
const o={
method(){
    return"Hello！";
}
};

//等同于
const o =
method:function(){
    return"Hello！";
}
};-->

<!-- 这种写法用于函数的返回值，将会非常方便
 function getPoint(){
const x = 1;
const y = 10;
return {x,y};
}
getPoint()//{x:1, y:10}
-->


<!-- 属性名表达式
ES6允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内 
let propKey ='itbaizhan';
let obj ={
    [propKey]:true,
    ['a'+'bc']:123
};
-->

<!-- 对象的扩展运算符
ES2018将这个运算符引入了对象 
let z = {a:3,b:4};
let n = {...z};
console.log(n);
{...{},a:1]}
// {a:1}
-->

<script>

    var name = "iwen";
    var user = {
        name:name,
        age:20
    }
console.log(user.name);

    var names = "ime"
    var user1 = {
        names,//属性名和属性值是同样的变量名称，就可以省略
        age:20
    }
console.log(user1.names);


</script>
</body>
</html>